<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<title>Gray Admin Template</title>
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/global.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/modal.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="header">
			<div class="col w5 bottomlast">
				<a href="" class="logo">
					<img src="images/logo.gif" alt="Logo" />
				</a>
			</div>
			<div class="col w5 last right bottomlast">
				<p class="last">Logged in as <span class="strong">Admin,</span> <a href="">Logout</a></p>
			</div>
			<div class="clear"></div>
		</div>
		<div id="wrapper">
			<div id="minwidth">
				<div id="holder">
					<div id="menu">
						<div id="left"></div>
						<div id="right"></div>
						<ul>
							<li>
								<a href="index.html" class="selected"><span>Help</span></a>
							</li>
							<li>
								<a href="users.html"><span>Users</span></a>
							</li>
							<li>
								<a href="articles.html"><span>Articles</span></a>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<div id="submenu">
						<div class="modules_left">
							<div class="module buttons">
								<a href="" class="dropdown_button"><small class="icon clipboard"></small><span>Table of Contents</span></a>
								<div class="dropdown help_index">
									<div class="arrow"></div>
									<div class="content">
										<div class="col w5">
										<a href="#html">
											HTML Structure
											<span>The template's structure, the basic hierarchy</span>
										</a>
										<hr/>
										<a href="#menu_help">
											Menu
											<span>The navigation menu structure</span>
										</a>
										<hr/>
										<a href="#css">
											CSS
											<span>CSS Files and Structure</span>
										</a>
										<hr/>
										<a href="#javascript">
											Javascript
											<span>This template imports three javascript files</span>
										</a>
										<hr/>
										<a href="#modules">
											Modules
											<span>Modules is located below the menu bar, like this</span>
										</a>
										<hr/>
										<a href="#text">
											Text
											<span>Typography options</span>
										</a>
										<hr/>
										<a href="#box">
											Box
											<span>Two kind of box, with or without header</span>
										</a>
										</div>
										<div class="col w5 last">
										<a href="#column">
											Column
											<span>10 columns, liquid grid system</span>
										</a>
										<hr/>
										<a href="#message">
											Message
											<span>Three type of messages, success, error and notice</span>
										</a>
										<hr/>
										<a href="#buttons">
											Button
											<span>Buttons library, with colors and icons</span>
										</a>
										<hr/>
										<a href="#shelf">
											Shelf
											<span>Great looking shelf system for content display</span>
										</a>
										<hr/>
										<a href="#form">
											Form
											<span>Sytlish form with custom checkbox</span>
										</a>
										<hr/>
										<a href="#table">
											Table
											<span>Basic table with hover option</span>
										</a>
										<hr/>
										<a href="#modal">
											Modal
											<span>Modal window functions</span>
										</a>
										</div>
										<div class="clear"></div>
										<a class="button red right close"><small class="icon cross"></small><span>Close</span></a>
										<div class="clear"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="title">
							Help
						</div>
						<div class="modules_right">
						</div>
					</div>
					<div id="desc">
						<div class="body">
							<div id="messages"></div>
							<div class="clear"></div>
							<div id="table" class="help">
							<h1>Table:</h1>
							<div class="col w10 last">
								<div class="content">
									<table>
										<tr>
											<th class="checkbox"><input type="checkbox" name="checkbox" /></th>
											<th>Th #1</th>
											<th>Th #2</th>
											<th>Th #3</th>
											<th>Th #4</th>
											<th>Th #5</th>
											<th>Th #6</th>
										</tr>
										<tr id="id_1">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_2">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_3">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_4">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_5">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_6">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_7">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_8">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_9">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
										<tr id="id_10">
											<td class="checkbox"><input type="checkbox" name="checkbox" /></td>
											<td>Lorem</td>
											<td>Ipsum</td>
											<td>Dolor</td>
											<td>Sit</td>
											<td>Amez</td>
											<td>Consectetur</td>
										</tr>
									</table>
								</div>							
							</div>
							<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
						<div id="body_footer">
							<div id="bottom_left"><div id="bottom_right"></div></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<p class="last">Copyright 2009 - Gray Admin Template - Created by <a href="">Passatgt</a></p>
		</div>
	</body>
</html>